<ion-header>
    <ion-navbar color="twitter" text-center>
        <ion-title>
            公司领导们
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-content padding>
    <!--    <ion-searchbar [(ngModel)]="searchQuery.Name||searchQuery.RoleName" placeholder="请输入姓名或职务"></ion-searchbar>-->
    <ion-searchbar [(ngModel)]="searchQuery.Name" placeholder="请输入姓名或职务"></ion-searchbar>
    <ion-list padding-top>
        <ion-item name="chat.Name" detail-push *ngFor="let chat of items | filterBy: searchQuery" class="chat"
                  (click)="NavigationTo(chat)">
            <div *ngIf="(items | filterBy: searchQuery).length === 0">暂无数据！</div>
            <img class="chat-picture" [src]="chat.face">
            <div class="chat-info">
                <h2 class="chat-title"><a href="#" style="text-decoration: none;margin: 0 0 2px;font-size: 1.7rem;font-weight: normal;color: #2d2d2d">{{chat.Name }}</a></h2>
                <p class="last-message-content">{{chat.RoleName}}</p>
                <!-- <span class="last-message-timestamp"><ion-icon ios="ios-call" md="md-call" style="color: #d03e84"></ion-icon></span>-->
            </div>
            <ion-icon item-right name="ios-call" color="zj-bg-icon"
                      (click)="callPhone(chat);$event.stopPropagation()"></ion-icon>
        </ion-item>

    </ion-list>
</ion-content>
